
<template>
  <div class="app-container action-active-container">
    <div class="back-content flex-between">
      <div class="back-main flex-normal">
        <span class="back-icon el-icon-back" @click="$router.go(-1)"></span>
        <span class="back-label">{{$route.query.id ? '编辑活动' : '新建活动'}}</span>
      </div>
    </div>
    <div class="action-active-main flex-normal">
      <div class="active-config-content">
        <active-config></active-config>
      </div>
    </div>
  </div>
</template>

<script>
export default {
  name: "storeActionActive",
  components: {
    "active-config": () => import("./active-config/index.vue"),
    'phone-h5-layout': () => import('@/formgen/layout/index.vue')
  },
  data() {
    return {
      currentItem: {},
    };
  },
  mounted(){
    let _self = this

  },
  methods: {
    
  }
};
</script>
<style scoped lang="scss">
.back-content{
  padding: vh(25) vw(20) vh(25) 0;
  .back-icon{
    font-size: vh(36);
    cursor: pointer;
  }
  .back-label{
    margin-left: vw(20);
    font-size: 13px;
    color: #3D3D3D;
  }
}
.action-active-container{
  display: flex;
  flex-direction: column;
  padding-left: vw(20);
  .action-active-main{
    align-items: flex-start;
    .active-config-content{
      width: 90%;
    }
    .active-page-content{
      flex: 1;
      width: 58%;
    }
  }
}
</style>